.footer {
  background-color: var(--bg);
  color: var(--color);
  a {
    color: var(--color);
  }

  .footer_nwes {
    .email_title {
      font-family: var(--title_font_family);
      font-size: 15px;
      text-transform: uppercase;
    }
    input {
      border: 1px solid var(--color);
      box-sizing: border-box;
      padding: 10px 15px;
      color: var(--color);
      font-size: var(--general_font_size);
      line-height: 22px;
    }
    .submit_box {
      padding: 10px 15px;
      font-size: calc(var(--general_font_size) + 4px);
      border-radius: var(--button_border_radius);
      transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      background-color: var(--color);
      color: var(--bg);
      cursor: pointer;
      &:hover {
        background-color: #000000;
        color: #ffffff;
      }
    }
    .zuui-share-link {
      gap: 15px;
      a {
        margin-right: 0;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 38px;
        height: 38px;
        border-radius: 50%;
        background-color: var(--color);
        position: relative;
        &:hover {
          &::before {
            transform: scale(1.3);
            opacity: 1;
          }
        }
        &::before {
          content: "";
          transition: transform 0.2s, opacity 0.2s;
          position: absolute;
          width: 100%;
          height: 100%;
          transform: scale(0.8);
          opacity: 0;
          border-radius: 50%;
          box-shadow: 0 0 0 2px var(--color);
        }
      }
      svg {
        width: 12px;
        height: 12px;
        path {
          fill: var(--bg);
        }
      }
    }
  }
}
